<template>
  <div>
      <h1>我是成龙</h1>
      <!-- 默认插槽:slot(插槽)Vue框架提供内置组件，可以不用定义直接使用 -->
      <!-- slot：可以理解为儿子留了一个坑，将来它的老子需要填坑 -->
      <!-- 默认插槽:没有名字的插槽（一般只有一个）-->
      <slot></slot>
      <!-- 具名插槽：插槽有名字（可以有多个） -->
      <slot name="yangmi"></slot>
      <slot name="wangyao"></slot>
  </div>
</template>

<script>
export default {
  name: '',
}
</script>

<style scoped lang="less">
  div{
    width: 400px;
    height: 200px;
    background: skyblue;
    margin:10px auto;
    h1{
      text-align:center;
    }
  }
</style>
